<template>
    <div class="movie-container">
        <!--      this.$route 路由的参数对象-->
        <!--      this.$router 路由的导航对象-->
        <h3>Movie 组件 --- 路由的参数id: {{ $route.params.mid }} ---- {{ mid }} -- {{ $route.query }}</h3>
        <hr/>
<!--        在行内使用编程式导航跳转的时候，this必须要省略，否则要报错-->
        <button @click="$router.back()">后退</button>
        <button @click="$router.forward()">前进</button>
    </div>
</template>

<script>
export default {
    props: ['mid'],
    name: 'Movie'
}
</script>

<style lang="less" scoped>
.movie-container {
  min-height: 200px;
  background-color: lightsalmon;
  padding: 15px;
}
</style>
